<!-- <div class="alert alert-info">
    <h4><span>Silahkan Mengisi Pertanyaan Di Bawah Ini..</span></h4>
</div> -->

<style>
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  color: #000000;

}
.input-group .form-control{
	font-weight: bold;
	font-size: 22px;
	color: #000000;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: pointer;
}
.col-lg-6{
	margin-bottom:10px;
}
h3 {font-size: 30px;line-height: 27px;}
h3 small {font-size: 24px;}
div.checker span {
  background-position: -2px -4px;
  height: 30px;
  width: 30px;
  background-size: 28px;
}
div.checker.focus span,
div.checker:hover span {
  background-position: -2px -41px;
}
div.checker:active span,
div.checker.active span {
  background-position: 0px -7px;
}

div.checker.focus span,
div.checker:hover span {
  background-position: -2px -41px;
}

div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
 background-position: -2px -41px;
}

div.checker span.checked {
  background-position: -2px -77px;
}

div.checker:active span.checked,
div.checker.active span.checked {
  background-position: 0px -77px;
}

div.checker.focus span.checked,
div.checker:hover span.checked {
  background-position: -2px -77px;
}

div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
  background-position: -2px -77px;
}

div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
  background-position: 0px -28px;
  opacity: 0.5;
  filter:alpha(opacity=50);
}

div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
  background-position: -0px -53px;
}
.input-group-addon {
  padding: 3px 8px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color:#f5f6f6;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
div.checker {
width: 23px;
height: 23px;
}
.navbar{
background:#714a8b;
}
#content{
background:none;
}
body{
background:#e9d2e8;
}
.btn-primary{
background:#00aeef;
}
.btn-custom {
  background-color: hsl(317, 90%, 36%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cb0a94", endColorstr="#ae097f");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#cb0a94), to(#ae097f));
  background-image: -moz-linear-gradient(top, #cb0a94, #ae097f);
  background-image: -ms-linear-gradient(top, #cb0a94, #ae097f);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cb0a94), color-stop(100%, #ae097f));
  background-image: -webkit-linear-gradient(top, #cb0a94, #ae097f);
  background-image: -o-linear-gradient(top, #cb0a94, #ae097f);
  background-image: linear-gradient(#cb0a94, #ae097f);
  border-color: #ae097f #ae097f hsl(317, 90%, 34.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.09);
  -webkit-font-smoothing: antialiased;
}
</style>

<div class="row">
	<div class="col-lg-12">
		<div class="panel panel-default">
			<div class="panel-heading" style="font-size: 24px;font-weight: bold;">
				<span><center style="background-color: lightpink;">Form Kuesioner</center></span>
			</div>
			<div class="panel-body" style="background-color:#f8f8f8;">
               <!-- <form class="form-horizontal" action="#" role="form"> -->
				<?php
					$attributes = array('class' => 'form-horizontal', 'role' => 'form', 'background-color => lightpink');
					echo form_open('kuesioner/pertanyaan/'.$parameter."/".$jenis_izin."/".$URUTAN, $attributes);
				?>

                    <div class="form-group hidden">
                        <h3><label class="col-lg-3 control-label" for="select">ID Pertanyaan</label></h3>
                        <h3><div class="col-lg-5">
							<input type="text" id="idpertanyaan" name="idpertanyaan" class="form-control" value="<?php echo $ID_PERTANYAAN;?>" />
                        </div></h3>
                    </div><!-- End .form-group  -->

                    <div class="form-group">
                        <h3><label class="col-lg-1 control-label" for="select">&nbsp;</label></h3>
						<h3><div class="col-lg-10">
						<div class="panel panel-default">
							<div class="panel-heading">
							</div>
							<div class="panel-body" style="">
							<?php echo $PERTANYAAN;?>
							</div>
						</div>
                        </div>
                    </div><!-- End .form-group  -->

                    <div class="form-group">
                        <h3><label class="col-lg-1 control-label" for="radios">&nbsp;</label></h3>
                        <h3><div class="col-lg-10">
			    			<h3>
								<div class="col-lg-6">
									<div class="input-group">
										<input style="font-weight: bold; font-size: 22px; text-align: right" type="text" class="form-control" value="<?php echo $JAWABAN3;?>" onclick="centang('3')" readonly>
										<span class="input-group-addon" id="span3" style="">
											<!--<input type="checkbox">-->
											<input type="checkbox" id="jawaban3" name="jawaban[]" value="2" <?php echo (isset($CHECKED)) ? (($CHECKED == 2) ? ("checked") : ("")) : (""); ?>/>
										</span>
									</div><!-- /input-group -->
								</div>
								<div class="col-lg-6">
									<div class="input-group">
										<span class="input-group-addon" id="span2">
											<!--<input type="checkbox">-->
											<input type="checkbox" id="jawaban2" name="jawaban[]" value="3" <?php echo (isset($CHECKED)) ? (($CHECKED == 3) ? ("checked") : ("")) : (""); ?>/>
										</span>
										<input style="font-weight: bold; font-size: 22px;" type="text" class="form-control" value="<?php echo $JAWABAN2;?>" onclick="centang('2')" readonly />
									</div><!-- /input-group -->
								</div>
								<div class="col-lg-6">
									<div class="input-group">
										<input style="font-weight: bold; font-size: 22px; text-align: right" type="text" class="form-control" value="<?php echo $JAWABAN4;?>" onclick="centang('4')" readonly>
										<span class="input-group-addon" id="span4" style="">
											<!--<input type="checkbox">-->
											<input type="checkbox" id="jawaban4" name="jawaban[]" value="1" <?php echo (isset($CHECKED)) ? (($CHECKED == 1) ? ("checked") : ("")) : (""); ?>/>
										</span>
									</div><!-- /input-group -->
								</div>
								<div class="col-lg-6">
									<div class="input-group">
										<span class="input-group-addon" id="span1">
											<!--<input type="checkbox">-->
											<input type="checkbox" id="jawaban1" name="jawaban[]" value="4" <?php echo (isset($CHECKED)) ? (($CHECKED == 4) ? ("checked") : ("")) : (""); ?>/>
										</span>
										<input style="font-weight: bold; font-size: 22px; " type="text" class="form-control" value="<?php echo $JAWABAN;?>" onclick="centang('1')" readonly>
									</div><!-- /input-group -->
								</div>
							</div></h3>
                        </div></h3>

                        <br/>
                        <br/>

						<div class="form-group">
						<div class="col-lg-12" style="text-align:center;">
							<?php if( $URUTAN != "1" ) { ?>
								<button type="button" class="btn btn-default" onClick="kembali()"><span class="icon16 icomoon-icon-arrow-left-7 black"></span>&nbsp; Kembali Ke Pertanyaan Sebelumnya</button>
								&nbsp;&nbsp;
							<?php } ?>
							<?php if( isset($MAKSIMAL) ) { ?>
								<button type="submit" class="btn btn-warning">Lanjut Ke Halaman Kritik & Saran &nbsp;&nbsp;<span class="icon16 icomoon-icon-arrow-right-4 white"></span></button>
							<?php } else { ?>
								<button type="submit" class="btn btn-warning">Lanjut Ke Pertanyaan Selanjutnya &nbsp;&nbsp;<span class="icon16 icomoon-icon-arrow-right-4 white"></span></button>
							<?php } ?>
						</div>
					</div><!-- End .form-group  -->
				</div><!-- End .form-group  -->
			</div>
		</div>
	</div>

</div><!-- End .panel -->

<script language="javascript">
	function centang(id){
		var group = "input:checkbox[name='jawaban[]']";
		$(group).attr("checked",false);
		$("span").removeClass("checked");
		$('#uniform-jawaban'+id+' span').addClass('checked');
		$("#jawaban" + id).attr("checked",true);
	}
	$("input:checkbox").click(function(){
		var group = "input:checkbox[name='"+$(this).attr("name")+"']";
		$(group).attr("checked",false);
		$("span").removeClass("checked");
		$(this).attr("checked",true);
	});
	var parameter = <?php echo $parameter?>;
	var jenis_izin = <?php echo $jenis_izin; ?>;
	var urutan = <?php echo $URUTAN; ?>;
	var urutan_before = urutan - 1;

	function kembali(){
		document.location="<?php echo site_url("kuesioner/pertanyaan"); ?>"+"/"+parameter+"/"+jenis_izin+"/"+urutan_before;
		// alert("<?php echo site_url("kuesioner/pertanyaan"); ?>"+"/"+parameter+"/"+jenis_izin+"/"+urutan_before);
	}

/*	$("input:checkbox").click(function(){
	    var group = "input:checkbox[name='"+$(this).prop("name")+"']";
	    $(group).prop("checked",false);
	    $(this).prop("checked",true);
	    // alert(group);
	});*/


/*	$(".chb").each(function() {
		$(this).change(function() {
			$(".chb").attr('checked',false);
			$(this).attr('checked',true);
		});
   });*/

/*	$("#input:checkbox").change(function() {
	    if (this.checked) {
	        var checkname = $(this).attr("name");
	        $("input:checkbox[name='" + checkname + "']").removeAttr("checked");
	        this.checked = true;
	    }
	});*/

/*	$("#testing input:checkbox").change(function() {
	    if (this.checked) {
	        var checkname = $(this).attr("name");
	        $("input:checkbox[name='" + checkname + "']").not(this).removeAttr("checked");
	    }
	});*/

/*	var boxes = $("input:checkbox").click(function(){
	    boxes.not(this).attr('checked', false);
    	alert(boxes.not(this).attr('checked', false));
	});*/

/*	$(".chb").change(function()
	{
	    $(".chb").not(this).prop('checked', false);
	});*/
</script>

<script>
/*$(document).ready(function() {
	$("#testing input:checkbox").change(function() {
	    if (this.checked) {
	        var checkname = $(this).attr("name");
	        $("input:checkbox[name='" + checkname + "']").not(this).removeAttr("checked");
	    }
	});
});*/
</script>